<template>
  <div id="map"></div>
</template>

<script setup>
import { newMap } from './Hooks/useMap'
import {useRoam} from './Hooks/useRoam'
onMounted(async() => {
  await newMap()
  useRoam()
})
</script>

<style lang="less">
#map {
  position: relative;
  width: 100%;
  height: 100%;
}
</style>
